<i-form :model="this.data" class='app-form' ref='form'  id='hrarchives_ef_001' style="">
    <input style="display:none;" />
    <row >
            
<i-col class="form-layout-container" v-show="detailsModel.group1.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.group1" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.group1.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.hrarchives.ef_001_form.details.group1')" :isShowCaption="false" uiStyle="DEFAULT" :titleBarCloseMode="1" :isInfoGroupMode="false" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.group1" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
        <i-col class="form-layout-container" v-show="detailsModel.hremployeename.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-item name='hremployeename' :itemRules="this.rules.hremployeename" class='' :caption="$t('entities.hrarchives.ef_001_form.details.hremployeename')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.hremployeename.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-picker 
  :formState="formState"
  :data="data"
  :context="context"
  :viewparams="viewparams"
  :localContext ='{ }' 
  :localParam ='{ }' 
  :disabled="detailsModel.hremployeename.disabled"
  name='hremployeename'
  deMajorField='employeename'
  deKeyField='hremployee'
  :service="service"
  :acParams="{ serviceName: 'HREmployeeService', interfaceName: 'FetchDefault'}"
  valueitem='hremployeeid' 
  :value="data.hremployeename"
  :pickupView="{ viewname: 'hremployee-pickup-view', title: $t('entities.hremployee.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'hremployees', parameterName: 'hremployee' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }"
  style=""  
  @formitemvaluechange="onFormItemValueChange($event)">
</app-picker>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.archivescode.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-item name='archivescode' :itemRules="this.rules.archivescode" class='' :caption="$t('entities.hrarchives.ef_001_form.details.archivescode')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.archivescode.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box 
    v-model="data.archivescode"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.archivescode.disabled" 
    type='text' 
    style="">
</input-box>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.hrorganizationname.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-item name='hrorganizationname' :itemRules="this.rules.hrorganizationname" class='' :caption="$t('entities.hrarchives.ef_001_form.details.hrorganizationname')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.hrorganizationname.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-picker 
  :formState="formState"
  :data="data"
  :context="context"
  :viewparams="viewparams"
  :localContext ='{ }' 
  :localParam ='{ }' 
  :disabled="detailsModel.hrorganizationname.disabled"
  name='hrorganizationname'
  deMajorField='organizationname'
  deKeyField='hrorganization'
  :service="service"
  :acParams="{ serviceName: 'HROrganizationService', interfaceName: 'FetchDefault'}"
  valueitem='hrorganizationid' 
  :value="data.hrorganizationname"
  :pickupView="{ viewname: 'hrorganization-pickup-view', title: $t('entities.hrorganization.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'hrorganizations', parameterName: 'hrorganization' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }"
  style=""  
  @formitemvaluechange="onFormItemValueChange($event)">
</app-picker>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.archivesplace.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-item name='archivesplace' :itemRules="this.rules.archivesplace" class='' :caption="$t('entities.hrarchives.ef_001_form.details.archivesplace')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.archivesplace.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box 
    v-model="data.archivesplace"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.archivesplace.disabled" 
    type='text' 
    style="">
</input-box>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.archivesroom.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-item name='archivesroom' :itemRules="this.rules.archivesroom" class='' :caption="$t('entities.hrarchives.ef_001_form.details.archivesroom')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.archivesroom.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box 
    v-model="data.archivesroom"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.archivesroom.disabled" 
    type='text' 
    style="">
</input-box>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.activeflag.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-item name='activeflag' :itemRules="this.rules.activeflag" class='' :caption="$t('entities.hrarchives.ef_001_form.details.activeflag')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.activeflag.error" :isEmptyCaption="false" labelPos="LEFT">
    <app-switch name='activeflag' :value="this.data.activeflag" @change="($event)=>{this.data.activeflag = $event} " :disabled="detailsModel.activeflag.disabled" style=""></app-switch>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>


    </row>
</i-form>